<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试uploadify</title>
<script src="${pageContext.request.contextPath}/js/jquery.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/front/uploadify/jquery.uploadify.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/front/uploadify/uploadify.css">
<script type="text/javascript">
	$(function() {
		$("#file_upload")
				.uploadify(
						{
							'height' : 27,
							'width' : 80,
							//按钮显示的文字
							'buttonText' : '浏览上传',
							//指定swf文件
							'swf' : '${pageContext.request.contextPath}/front/uploadify/uploadify.swf',
							//上传接口
							'uploader' : '${pageContext.request.contextPath}/api/upload.do',
							//取消上传图片
							'cancelImg' : '${pageContext.request.contextPath}/front/uploadify/uploadify-cancel.png',
							//选择文件后自动上传
							'auto' : false,
							//设置为true将允许多文件上传
							'multi' : true,
							//文件大小
							'fileSizeLimit' : '1024MB',
							//设置指定后缀名，windows文件浏览会过滤掉其他格式的文件
							'fileTypeExts' : '*.gif; *.jpg; *.png;*.zip',
							//发送给后台的其他参数通过formData指定
							'formData' : {},
							//开始上传事件
							'onUploadStart' : function(file) {
							},
							//上传成功回调事件
							'onUploadSuccess':function(file,data,response){
								var json=eval('('+data+')');
								console.log(json.data);
		                    },
							//重写默认的英文提示: 指定的事件,指定的事件
							'overrideEvents' : [ 'onSelectError',
									'onDialogClose' ],
							//返回一个错误，选择文件的时候触发,注意添加'overrideEvents'选项，要不默认的错误此时还是会出现
							'onSelectError' : function(file, errorCode,
									errorMsg) {
								switch (errorCode) {
								case -110:
									alert("文件 ["
											+ file.name
											+ "] 大小超出系统限制的"
											+ $('#file_upload')
													.uploadify('settings',
															'fileSizeLimit')
											+ "大小！");
									break;
								}
							}
						});
	});
</script>
</head>
<body>
	<input type="file" name="uploadify" id="file_upload" />
	<hr>
	<a href="javascript:$('#file_upload').uploadify('upload','*')">开始上传</a>&nbsp;
	<a href="javascript:$('#file_upload').uploadify('cancel', '*')">取消所有上传</a>
</body>
</html>